import React, { useState, useCallback, useMemo } from 'react'

export default function App() {
    const [name, setName] = useState('chushizhi')
    //useCallback 和computed很像 绑定的值更改时会触发，不然不会执行 记忆着老数据，如果第二个参数写了空数组则永远只会拿到老数据
    const handel = useCallback(() => {
        setName(name + '1')//name值如果不更改就拿旧值 减少没必要的数值计算
    }, [name])
    const handell = useMemo(() => {
        return name + 'll'//name值如果不更改就拿旧值 减少没必要的数值计算
    }, [name])
    //useEffect 一般写请求函数
    return (
        <div>
            {name}
            <button onClick={() => handel()}>add</button>
            {handell}
        </div>
    )
}
